@import url(http://fonts.googleapis.com/css?family=Roboto&subset=vietnamese);
body{font-family:'Roboto', sans-serif}
.hidden{display:none!important}
.text-hyphens{text-align:justify;-webkit-hyphens:manual;-moz-hyphens:manual;hyphens:manual;line-height:1.6em}
.clear-pad{padding:0px!important}
.clear-mgr{margin:0px!important}
.clear-bdr{border:none!important}
.clear-decoration{text-decoration:none!important}
.clear-font{font-weight:normal}
.mgt-15{margin-top:15px}
.mgt-10{margin-top:10px}
.mgt-5{margin-top:5px}
.mgr-5{margin-right:5px}
.mgbt-10{margin-bottom:10px}
.no-bdr{border:none!important}
.badge-green{background:#5cb85c}
.text-uppercase{text-transform:uppercase}
#toast{position:fixed;z-index:1000;top:37px;right:10px;overflow:hidden;background:#008000;display:none;border-radius:5px;padding:10px;color:#FFF;box-shadow:0px 0px 10px 0px #ddd}
#toast .toast-close{float:right;margin-left:5px}
#toast .toast-content{float:left;overflow:hidden;margin-top:5px}
#toast .toast-state{float:left;margin:0px 5px 0px 0px}
#toast .toast-message{float:left}
.break-v{border-right:1px solid #dedede}
.search-box{border:1px solid #e7e7e7;border-radius:4px;overflow:hidden;height:38px}
.search-box form{position:relative}
.search-box input{border:none;position:absolute;left:0;padding:7px 5px;width:100%;outline:none}
.search-box .btn{position:absolute;right:0;border:none;border-radius:0!important}
.card{border-radius:6px;border:1px solid #e7e7e7;background-color:#FFF;margin-bottom:20px}
.card .image{width:100%;overflow:hidden;text-align:center;height:260px;border-radius:6px 6px 0 0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.card .image img{width:100%}
.card .title{margin:0 0 10px;color:#333; font-weight:300}
.card a:hover .product-title{color:#2C93FF}
.card .description{margin-top:5px!important;font-size:13px;color:#333}
.card .card-ctrl a{font-weight:normal!important}
.card-product .author{text-align:center}
.card .author{font-size:12px;font-weight:600;text-transform:uppercase}
.card-product .title{line-height:24px}
.section-title{font-weight:300;padding-bottom:10px;border-bottom:1px solid #e7e7e7;color:#555}
.price{font-size:18px;color:#9a9a9a;font-weight:300}
.price-new{color:#ff3b30}
.price-old{text-decoration:line-through;font-size:16px;color:#9a9a9a}
.price-clear{text-decoration:none;font-size:16px;color:transparent}
.btn-round{border-width:1px;border-radius:30px!important;padding:9px 18px}
.btn-social{opacity:.85;padding:8px 9px}
.btn-facebook{border-color:#3b5998;color:#3b5998}
.social-line .btn{width:100%}
.btn-social.btn-round{padding:9px 10px}
.btn-facebook.btn-fill{color:#fff;background-color:#3b5998;opacity:.9}
.btn-google.btn-fill{color:#fff;background-color:#dd4b39;opacity:.9}
.footer .copyright{color:#777;padding:10px 15px;margin:15px 3px;line-height:20px;text-align:center}
.footer hr{border-color:#ddd}
.social-bar-h{overflow:hidden}
.social-bar-h > *{float:left;margin-right:5px}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-default{border-left-color:#777}
.bs-callout-default h4{color:#777}
.bs-callout-primary{border-left-color:#428bca}
.bs-callout-primary h4{color:#428bca}
.bs-callout-success{border-left-color:#5cb85c}
.bs-callout-success h4{color:#5cb85c}
.bs-callout-danger{border-left-color:#d9534f}
.bs-callout-danger h4{color:#d9534f}
.bs-callout-warning{border-left-color:#f0ad4e}
.bs-callout-warning h4{color:#f0ad4e}
.bs-callout-info{border-left-color:#2C93FF}
.bs-callout-info h4{color:#2C93FF}
span.sale-percent{position:absolute;bottom:20px;right:10px;background:#2C93FF;border:1px solid #2C93FF;letter-spacing:2px;font-size:18px;color:#fff;padding:17px 10px;border-radius:30px;font-weight:bold}